#scan {
    overflow: hidden;
    width: 750rpx;
    background: white;
    .home_top {
        width: 750rpx;
        height: 72rpx;
        background: white;
        .del_style {
            display: inline-block;
            margin: 5px;
            line-height: 52rpx;
            background: #ffea00;
            color: #231815;
            padding: 0px 16rpx;
            border-radius: 26rpx;
            position: absolute;
        }
        .input_style {
            float: right;
            margin-right: 10rpx;
            margin-top: 10rpx;
            line-height: 52rpx;
            color: #787170;
        }
    }
}

#goods {
    width: 750rpx;
    background: white;
    .goods_style {
        width: 730rpx;
        margin-left: 10rpx; // height: 160rpx;
        border-bottom: 2rpx solid #ededed;
        position: relative;

        .activity {
            width: 100%;
            height: 72rpx;
            line-height: 72rpx;
            position: relative;
            >label {
                display: block;
                margin-left: 140rpx;
                width: auto;
                border-top: 2rpx dashed #d1d1d1;
            }
            .promotions {
                position: absolute;
                top: 16rpx;
                left: 140rpx;
                line-height: 24rpx;
                font-size: 24rpx;
                padding: 8rpx 10rpx;
                border: 1px solid #3988cb;
                color: #3988cb;
                border-radius: 12rpx;
            }
            .assemblage {
                position: absolute;
                top: 16rpx;
                left: 140rpx;
                line-height: 24rpx;
                font-size: 24rpx;
                padding: 8rpx 10rpx;
                color: #ff4c4e;
                span {
                    background: #ff4c4e;
                    color: white;
                    padding: 2rpx 6rpx;
                    border-radius: 8rpx;
                    margin-right: 10rpx;
                }
            }
        }
        .good_msg {
            background: white;
            padding: 0px 10rpx;
            width: 730rpx; // height: 160rpx;
            position: relative;
            image {
                width: 120rpx;
                height: 120rpx;
                margin: 20rpx 20rpx 20rpx 0;
            }
            .name {
                position: absolute;
                width: auto;
                top: 20rpx;
                padding-right: 10rpx;
                line-height: 30rpx;
                font-size: 24rpx;
                height: 60rpx;
                overflow: hidden;
                text-overflow: ellipsis; // white-space: nowrap;
            }
            .money {
                position: absolute;
                bottom: 20rpx;
                color: #f44732;
                line-height: 40rpx;
                display: inline-block;
                .price {
                    display: inline-block;
                    line-height: 36rpx;
                    padding: 4rpx 6rpx;
                    font-size: 36rpx;
                    position: relative;
                }
                .originalPrice {
                    margin-left: 16rpx;
                    font-size: 22rpx;
                    color: gray;
                    position: relative;
                    .line {
                        position: absolute;
                        bottom: 13rpx;
                        left: 0px;
                        width: 100%;
                        height: 1rpx;
                        background: gray;
                    }
                }
            }
            .add_sub_style {
                position: absolute;
                width: 240rpx;
                height: 80rpx;
                right: 0px;
                bottom: 0rpx;
                line-height: 80rpx;
                label {
                    display: inline-block;
                    width: 80rpx;
                    height: 80rpx;
                    float: left;
                    line-height: 80rpx;
                    text-align: center;
                    position: relative;
                    image {
                        position: absolute;
                        width: 60rpx;
                        height: 60rpx;
                        top: -10rpx;
                        left: 0rpx;
                    }
                }
            }
        }
    }
}

#footer {
    height: 100rpx;
    background: white;
    position: fixed;
    width: 750rpx;
    left: 0px;
    bottom: 0px;

    label {
        line-height: 100rpx;
        font-size: 36rpx;
    }
    #money {
        float: left;
        width: 225rpx;
        margin-left: 30rpx;
        position: relative;
        label {
            margin-top: 10rpx;
            line-height: 40rpx;
            height: 40rpx;
            font-size: 28rpx;
            display: inline-block;
            width: 100%;
            color: #f45440;
        }
        span {
            position: absolute;
            top: 60rpx;
            left: 0px;
            line-height: 20rpx;
            height: 20rpx;
            font-size: 20rpx;
            display: inline-block;
            width: 100%;
        }
    }
    #money_saveNull {
        float: left;
        width: 225rpx;
        margin-left: 30rpx;
        label {
            margin-top: 10rpx;
            line-height: 80rpx;
            height: 80rpx;
            font-size: 32rpx;
            display: inline-block;
            width: 100%;
            color: #f45440;
        }
    }
    #submit {
        width: 225rpx; 
        height: 100rpx;
        background: #ffea00;
        line-height: 100rpx;
        float: right;
        margin-right: 0px;
        text-align: center;
        color: #231815;
        font-size: 32rpx;
    }
}




#show_view {
    position: fixed;
    bottom: 100rpx;
    width: 750rpx;
    height: 212rpx;
    background: #f2f2f2;
    .scan_border {
        width: 580rpx;
        margin-left:85rpx;
        height: 88rpx;
        margin-top:-44rpx;
        border-radius:44rpx;
        // box-shadow: 
        border: 2rpx solid #ffea00;
        
        box-shadow:  rgba(209, 209, 209, 0.5)0rpx  4rpx 6rpx;
        .scanImg_style{
            position:absolute;
            top:20rpx;
            left:44rpx;
            width:48rpx;
            height:48rpx;
            line-height: 88rpx; // color: ;
        }
        .scanTit_style{
          margin-left:68rpx;
        }
        #scanView {
            padding: 0px;
            width: 290rpx;
            height: 88rpx;
            border-radius: 44rpx 0 0 44rpx;
            background: #fff;
            margin-left: 0rpx;
            position: relative;
            text-align: center;
            line-height: 88rpx; // color: ;
        }
        #writeView {
            padding: 0px;
            width: 290rpx;
            height: 88rpx;
            border-radius: 0 44rpx 44rpx 0;
            
            background: #ffea00;
            margin-top: -86rpx;
            margin-left: 290rpx;
            position: relative;
            text-align: center;
            line-height: 88rpx; // color: ;
        }
    }

    .border_style {
        height: 96rpx;
        width: 100%;
        background: white;
        border-radius: 0 0 16rpx 16rpx;
    }
}

.msg {
    line-height: 60rpx;
    text-align: center;
}

#float_view {
    position: fixed;
    width: 750rpx;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.6);
    #input_view {
        width: 600rpx;
        height: 310rpx;
        background: white;
        position: absolute;
        border-radius: 20rpx;
        top: 50%;
        left: 50%;
        margin-top: -310rpx;
        margin-left: -300rpx;
        input {
            margin-top: 50rpx;
            border: 1px solid #d1d1d1;
            line-height: 60rpx;
            height: 60rpx;
            width: 500rpx;
            margin-left: 50rpx;
            border-radius: 10rpx;
            padding: 10rpx;
        }
        #cancel {
            float: left;
            margin-top: 50rpx;
            line-height: 80rpx;
            height: 80rpx;
            width: 225rpx;
            background: #f5f5f5;
            color: #231815;
            margin-left: 50rpx;
            border-radius: 10rpx;
            text-align: center;
        }
        #makeSure {
            float: right;
            margin-top: 50rpx;
            line-height: 80rpx;
            height: 80rpx;
            width: 225rpx;
            background: #ffea00;
            color: #231815;
            margin-right: 50rpx;
            border-radius: 10rpx;
            text-align: center;
        }
    }
}